import $config from '../../config'
export default [
  {
    title: '基础组件',
    components: [
      {
        elName: 'h5-text',
        title: '文字',
        icon: 'text',
        // 每个组件设置props来展示哪些显示哪些编辑项
        valueType: '', // 标识数据类型，用于表单组件
        defaultStyle: {
          height: 40
        }
      },
      {
        elName: 'h5-image',
        title: '图片',
        icon: 'image-outline',
        valueType: '', // 标识数据类型，用于表单组件,
        defaultStyle: {
          height: 200
        }
      },
      {
        elName: 'h5-button',
        title: '按钮',
        icon: 'gesture-tap-button',
        // 每个组件设置props来展示哪些显示哪些编辑项
        valueType: '', // 标识数据类型，用于表单组件
        defaultStyle: {
          width: 140,
          height: 40,
          paddingTop: 10,
          paddingBottom: 10,
          borderColor: '#999999',
          borderStyle: 'solid',
          borderWidth: 1,
          borderRadius: 4
        }
      },
      {
        elName: 'h5-rectangle-border',
        title: '矩形边框',
        icon: 'rectangle-outline',
        valueType: '',
        defaultStyle: {
          width: 120,
          height: 100,
          borderColor: '#999999',
          borderStyle: 'solid',
          borderWidth: 2
        }
      },
      {
        elName: 'h5-rectangle-border',
        title: '分割线',
        icon: 'window-minimize',
        valueType: '',
        defaultStyle: {
          height: 1,
          width: 300,
          backgroundColor: '#999999'
        }
      },
      {
        elName: 'h5-image-carousel',
        title: '图片轮播',
        icon: 'image-multiple-outline',
        valueType: '', // 标识数据类型，用于表单组件,
        defaultStyle: {
          height: 245
        }
      },
      {
        elName: 'h5-iframe',
        title: '内嵌iframe',
        icon: 'view-compact-outline',
        valueType: '',
        defaultStyle: {
          width: $config.canvasH5Width,
          height: 300,
          paddingTop: 10,
          paddingBottom: 10
        }
      },
      {
        elName: 'map',
        title: '地图',
        icon: 'map-outline',
        valueType: '',
        defaultStyle: {
          width: 300,
          height: 200,
          paddingTop: 10,
          paddingBottom: 10
        }
      },
      {
        elName: 'video',
        title: '视频',
        icon: 'video-outline',
        valueType: '',
        defaultStyle: {
          width: $config.canvasH5Width,
          height: 300,
          paddingTop: 10,
          paddingBottom: 10
        }
      },
      {
        elName: 'h5-bg-music',
        title: '音乐',
        icon: 'music-circle-outline',
        valueType: '',
        defaultStyle: {
          height: 52,
          width: 52
        }
      }
    ]
  },
  {
    title: '表单组件',
    components: [
      {
        elName: 'input',
        title: '文本框',
        icon: 'form-textbox'
      },
      {
        elName: 'radio',
        title: '单选框',
        icon: 'radiobox-marked'
      },
      {
        elName: 'checkbox',
        title: '复选框',
        icon: 'checkbox-marked-outline'
      },
      {
        elName: 'date',
        title: '日期选择器',
        icon: 'calendar-range'
      },
      {
        elName: 'time',
        title: '时间选择器',
        icon: 'clock-outline'
      },
      {
        elName: 'datetime',
        title: '日期时间',
        icon: 'timetable'
      }
    ]
  },
  {
    title: '功能组件',
    components: []
  },
  {
    title: '业务组件',
    components: []
  }
]
